<script>
    $(function () {
        $("#dob").datepicker();
    });
</script>
<div class="container-crm">
    <form class="form-horizontal" role="form" method="post" action="<?php echo base_url('contacts/add'); ?>">
        <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">Mã khách hàng</label>
            <div class="col-sm-5">
                <input type="text" name="contact_code" class="form-control" id="" placeholder="Mã khách hàng">
            </div>
        </div>
        <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">Tên khách hàng</label>
            <div class="col-sm-5">
                <input name="first_name" type="text" class="form-control" id="first_name" placeholder="Họ">
                <input name="last_name" type="text" class="form-control" id="last_name" placeholder="Tên">
            </div>
        </div>

        <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">Điện thoại</label>
            <div class="col-sm-5">
                <input name="phone" type="text" class="form-control" id="sale_price" placeholder="Điện thoại">
            </div>
        </div>

        <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label"></label>
            <div class="col-sm-5">
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">

                    <div class="panel panel-default">
                        <div class="panel-heading" role="tab" id="headingTwo">
                            <h4 class="panel-title">
                                <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                    Thêm thông tin
                                </a>
                            </h4>
                        </div>
                        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                            <div class="panel-body">
                                <div class="form-group">
                                    <label for="inputPassword3" class="col-sm-2 control-label">Email</label>
                                    <div class="col-sm-5">
                                        <input name="email" type="text" class="form-control" id="email" placeholder="Email">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Địa chỉ</label>
                                    <div class="col-sm-5">
                                        <input name="address" type="text" class="form-control" id="address" placeholder="Địa chỉ">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">
                                        Giới tính
                                    </label>
                                    <div class="col-sm-5">
                                        <input type="checkbox" name="sex" value="1">  Nam
                                        <input type="checkbox" name="sex" value="0">  Nữ

                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Ngày sinh</label>
                                    <div class="col-sm-5">
                                        <input name="dob" type="text" class="form-control" id="dob" placeholder="Ngày sinh">
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Mã số thuế</label>
                                    <div class="col-sm-5">
                                        <input name="tax_code" type="text" class="form-control" id="tax_code" placeholder="Mã số thuế">
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Ghi chú</label>
                                    <div class="col-sm-5">
                                        <textarea name="description" class="form-control" id="tax_code">
                                        </textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>


        <div class="form-group">
            <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-default">Nhập</button>
            </div>
        </div>
    </form>
</div>
